<!-- Content Bg -->
    <div id="content_bg" class="png_bg">
    <!--Content-->
	<div id="content">
        <!--Story-->
        <div id="step_1">
            <!--New Story-->
            <div class="new_story_button_container">
		          <img src='images/start_new_story.png' width='16' height='16' alt='start_new_story.png'/>
                  <a id="new_story_button" href="<?=site_url('stories/user/new_story')?>"><?=lang('new_story')?></a>
	        </div>
            <!--New Story-->
		    <div class='panel_tab'>
                <h1 style='border-bottom: none;'>My Works</h1>
	        </div>
            <!--New Story-->
            
            <!--Panel-->
        	<div class='panel'>
        		<table class="stories">
        			<tbody id="my_stories">
                    <!--Odd Row Story-->
       				<tr class="story_group oddrow">
                        <td>
                            <table style="width: 100%; margin-bottom: 5px;" cellpadding="0" cellspacing="0" border="0">
                                <tbody id="story_group_1455734">
                                    <tr class="story_group_header_row">
                                        <th align="center" valign="top" rowspan="3" style="padding: 7px; width: 84px;">
                                            <a class="change_cover" id="changecover_1455734_owner_2944199" href="#">
                                                <img src="images/1455734-64-62fdcdb3.jpg" class="picframe" width="64" height="100" />
                                                <br/>
                                            </a>
                                        </th>
                                        <th class="story_group_header">
                                            <div class="story_group_container">
                                                <a class="view_story" href="<?=site_url('stories/user/story')?>"><strong>Ga ketawa , Ane telen komputer !</strong>&nbsp;&nbsp;</a>
                                            </div>
                                        </th>
                                        <th class="story_group_links">
                                            <div class="story_group_container">
                                                <a class="hover_change edit_group" id="editstory_1455734" title="Manage" href="#">
                                                    <img class="hover_change" src="images/edit_parts.png" alt="Manage" width="16" height="16" title="Manage"/>
                                                    <span class="story_link_label">manage</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change change_cover" id="changecover_1455734_owner_2944199" href="#">
                                                    <img class="hover_change" src="images/change_cover.png" alt="Change Cover" title="Change Cover" width="16" height="16"/>
                                                    <span class="story_link_label">cover</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change" href="<?=site_url('stories/user/new_chapter')?>" onclick="if (1 >= 100) { alert('Sorry, there is a limit of 100 chapters per story.'); return false; }">
                                                    <img class="hover_change" src="images/add_part.png" alt="New Chapter" width="16" height="16" title="New Chapter"/>
                                                    <span class="story_link_label">new chapter</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change" title="Edit Story" href="<?=site_url('stories/user/edit_story')?>">
                                                    <img class="hover_change" src="images/edit_story.png" alt="Edit" width="16" height="16" title="Edit"/>
                                                    <span class="story_link_label">edit</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change delete_group" id="deletegroup_1455734_owner_2944199" href="#">
                                                    <img style="display:none;" src="images/fileuploader_loading.gif" width="16" height="16"/>
                                                    <img class="hover_change" src="images/delete_story.png" alt="Delete" width="16" height="16" title="Delete"/>
                                                    <span class="story_link_label">delete story</span>
                                                </a>
                                            </div>
                                        </th>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <!--Odd Row Story-->
                    <!--Even Row Story-->
                    <tr class="story_group evenrow">
                        <td>
                            <table style="width: 100%; margin-bottom: 5px;" cellpadding="0" cellspacing="0" border="0">
                                <tbody id="story_group_1455724">
                                    <tr class="story_group_header_row">
                                        <th align="center" valign="top" rowspan="3" style="padding: 7px; width: 84px;">
                                            <a class="change_cover" id="changecover_1455724_owner_2944199" href="#">
                                                <img src="images/1455724-64-372af0db.jpg" class="picframe" width="64" height="100"/>
                                                <br/>
                                            </a>
                                        </th>
                                        <th class="story_group_header">
                                            <div class="story_group_container">
                                                <a class="view_story" href="<?=site_url('stories/user/story')?>"><strong>Terkadang</strong>&nbsp;&nbsp;</a>
                                            </div>
                                        </th>
                                        <th class="story_group_links">
                                            <div class="story_group_container">
                                                <a class="hover_change edit_group" id="editstory_1455724" title="Manage" href="#">
                                                    <img class="hover_change" src="images/edit_parts.png" alt="Manage" width="16" height="16" title="Manage"/>
                                                    <span class="story_link_label">manage</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change change_cover" id="changecover_1455724_owner_2944199" href="#">
                                                    <img class="hover_change" src="images/change_cover.png" alt="Change Cover" title="Change Cover" width="16" height="16"/>
                                                    <span class="story_link_label">cover</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change" href="/mystories?compose=true&id=new&add_to_group=1455724" onclick="if (1 >= 100) { alert('Sorry, there is a limit of 100 chapters per story.'); return false; }">
                                                    <img class="hover_change" src="images/add_part.png" alt="New Chapter" width="16" height="16" title="New Chapter"/>
                                                    <span class="story_link_label">new chapter</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change" title="Edit Story" href="/mystories?compose=true&id=4967691">
                                                    <img class="hover_change" src="images/edit_story.png" alt="Edit" width="16" height="16" title="Edit"/>
                                                    <span class="story_link_label">edit</span>
                                                </a>&nbsp;&nbsp;
                                                <a class="hover_change delete_group" id="deletegroup_1455724_owner_2944199" href="#">
                                                    <img style="display:none;" src="images/fileuploader_loading.gif" width="16" height="16"/>
                                                    <img class="hover_change" src="images/delete_story.png" alt="Delete" width="16" height="16" title="Delete"/>
                                                    <span class="story_link_label">delete story</span>
                                                </a>
                                            </div>
                                        </th>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
       			</tbody>
       		  </table>
     	  </div>
          <!--Panel-->
     </div>
      <!--Story-->

      <!--Title-->
      <div class="panel_tab"><h1>Tips</h1></div>
      <!--Title-->
      <!--Content Panel-->
      <div class="panel" style="padding:10px">
        	To<b>start a new story</b>,click the<i>New Story</i> link. After your first upload, you can add a book cover.
        	<hr/>
        	To <b>add a description</b> to a story,click<i>manage</i>.
        	<hr/>
        	To <b>add a new chapter</b> to an existing story, choose <i>new chapter</i> for that story.
        	<hr/>
        	For a <b>story not in a group</b>, you can <a id="editstory_new" class="edit_group" href="#">create a story group</a> for it.
        	<hr/>
        	If you're having problems posting your story, <a href="http://support.wattpad.com">let us know</a>!
      </div>
      <!--Content Panel-->

	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px"></div>	
 </div>
    <div id="content_bottom" class="png_bg"></div>